Skip to content

feat(input): support notch with label slot #27635

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 14 commits into from
Jun 12, 2023
Merged

feat(input): support notch with label slot #27635

merged 14 commits into from
Jun 12, 2023

Conversation

liamdebeasi
Copy link
Contributor

@liamdebeasi liamdebeasi commented Jun 12, 2023

Issue number: N/A


What is the current behavior?

Input support slotted labels, but the notch cut out behavior does not work.

What is the new behavior?

  • Refactored select to use the notchController
  • Integrates input with the notchController
  • Adds tests

Note: Dynamically updating the slotted content will not re-render the notch. This is being handled in a separate PR.

Does this introduce a breaking change?

  • Yes
  • No

Other information

@bolt-new-by-stackblitz
Copy link

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

@github-actions github-actions bot added the package: core @ionic/core package label Jun 12, 2023
@liamdebeasi liamdebeasi changed the title 4135 notch feat(input): support notch with label slot Jun 12, 2023
@liamdebeasi liamdebeasi marked this pull request as ready for review June 12, 2023 14:54
@liamdebeasi liamdebeasi requested review from a team and thetaPC and removed request for a team June 12, 2023 14:54
Copy link
Contributor

@thetaPC thetaPC left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@liamdebeasi liamdebeasi requested review from a team and brandyscarney and removed request for a team June 12, 2023 17:46
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is there something we could do here to capture the entire label? Maybe add some margin top or something?

Base automatically changed from 4135-base to FW-4135 June 12, 2023 19:00
@liamdebeasi liamdebeasi merged commit 71b0214 into FW-4135 Jun 12, 2023
@liamdebeasi liamdebeasi deleted the 4135-notch branch June 12, 2023 20:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
package: core @ionic/core package
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants